<style>
    .nav ul li:nth-child(2){
        color: red;
    }
</style>
<div style="width: 100%;height: 50px;background: white;display: flex;justify-content: center;position: relative;border-bottom: 1px solid gray">
    <input type="text" style="width: 90%;height: 85%;border-radius: 5px;outline: none;border: none;background: #F0F0F0;text-indent: 40px;font-size: 20px" placeholder="搜索" ng-model="value">
    <span class="glyphicon glyphicon-search" style="color:deeppink;font-size: 28px;cursor: pointer;line-height: 40px;position: absolute;right: 3rem"></span>
</div>
<div style="width: 100%;padding-bottom: 100px">
<div ng-repeat="i in arr | filter : value" style="width: 100%;border-bottom: 1px solid #cccccc" >
    <div style="width: 100%;height: 70px;line-height: 70px;display: flex;justify-content: space-between" ng-click="show($index)" class="changes" bool="false">
        <div style="margin-left: 1rem">
            <img ng-src="{{i.image}}" alt="" style="vertical-align: middle;width: 30px">
            <span style="font-size: 20px;margin-left: 1rem">{{i.main}}</span>
        </div>
        <div class="glyphicon glyphicon-chevron-down" style="height: 70px;line-height: 70px;margin-right: 1rem;color:#cccccc">

        </div>
    </div>
    <ul style="background: #EEEEEE;width: 100%;height: 100px;margin: 0;line-height: 100px;color: #6A6A6A;font-size: 18px;display: none;">
        <li ng-repeat="item in i.list" style="float: left;text-align: center;width: 20%;">{{item.cont}}</li>
    </ul>
</div>
</div>